<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>单元格</title>
    <link rel="stylesheet" href="./view/单元格/styles.css">
</head>
<body>
<!--单元格 Unnamed (Rectangle) -->
<div id="u2109" class="ax_default heading_1">
    <div id="u2109_div" class=""></div>
    <div id="u2109_text" class="text ">
        <p><span>Cell 单元格</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2110" class="ax_default heading_1">
    <div id="u2110_div" class=""></div>
    <div id="u2110_text" class="text ">
        <p><span>概述</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2111" class="ax_default label">
    <div id="u2111_div" class=""></div>
    <div id="u2111_text" class="text ">
        <p><span>用于固定的菜单列表。</span></p><p><span>注意：以下每一行都被编入了组中，才能够使得每一行的组能够加入到同一个selection group中；如果有的行是组，有的行是形状，则会导致错误的编组；Onclick事件必须绑定在组上，不能绑定在组内的形状上。</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2112" class="ax_default box_2">
    <div id="u2112_div" class=""></div>
    <div id="u2112_text" class="text " style="display:none; visibility: hidden">
        <p></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2113" class="ax_default box_1">
    <div id="u2113_div" class=""></div>
    <div id="u2113_text" class="text " style="display:none; visibility: hidden">
        <p></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2114" class="ax_default label">
    <div id="u2114_div" class=""></div>
    <div id="u2114_text" class="text ">
        <p><span style="font-family:'Ionicons';font-weight:400;color:#62697C;"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';font-weight:650;">选项</span></p>
    </div>
</div>

<!-- Unnamed (Line) -->
<div id="u2115" class="ax_default line">
    <img id="u2115_img" class="img " src="assets/images/单元格/u2115.svg"/>
    <div id="u2115_text" class="text " style="display:none; visibility: hidden">
        <p></p>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u2116" class="ax_default" selectiongroup="cell-list-1" data-left="252" data-top="424" data-width="300" data-height="40">

    <!-- Unnamed (Rectangle) -->
    <div id="u2117" class="ax_default box_1">
        <img id="u2117_img" class="img " src="assets/images/单元格/u2117.svg"/>
        <div id="u2117_text" class="text ">
            <p><span>数据设置</span></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u2118" class="ax_default" selectiongroup="cell-list-1" data-left="252" data-top="464" data-width="300" data-height="57">

    <!-- Unnamed (Rectangle) -->
    <div id="u2119" class="ax_default box_1">
        <img id="u2119_img" class="img " src="assets/images/单元格/u2119.svg"/>
        <div id="u2119_text" class="text ">
            <p style="font-size:14px;"><span style="color:#515A6E;">显示 label 内容</span></p><p style="font-size:12px;"><span style="color:#808695;">label 的内容</span></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u2120" class="ax_default" selectiongroup="cell-list-1" data-left="252" data-top="521" data-width="300" data-height="40">

    <!-- Unnamed (Rectangle) -->
    <div id="u2121" class="ax_default box_1">
        <img id="u2121_img" class="img " src="assets/images/单元格/u2117.svg"/>
        <div id="u2121_text" class="text ">
            <p><span>显示右侧内容</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u2122" class="ax_default label">
        <div id="u2122_div" class=""></div>
        <div id="u2122_text" class="text ">
            <p><span>详细信息</span></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u2123" class="ax_default" selectiongroup="cell-list-1" data-left="252" data-top="561" data-width="300" data-height="40">

    <!-- Unnamed (Rectangle) -->
    <div id="u2124" class="ax_default box_1">
        <img id="u2124_img" class="img " src="assets/images/单元格/u2117.svg"/>
        <div id="u2124_text" class="text ">
            <p><span>链接</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u2125" class="ax_default label">
        <div id="u2125_div" class=""></div>
        <div id="u2125_text" class="text ">
            <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">详细信息 </span><span style="font-family:'Ionicons';"></span></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u2126" class="ax_default" selectiongroup="cell-list-1" data-left="252" data-top="601" data-width="300" data-height="40">

    <!-- Unnamed (Rectangle) -->
    <div id="u2127" class="ax_default box_1">
        <img id="u2127_img" class="img " src="assets/images/单元格/u2117.svg"/>
        <div id="u2127_text" class="text ">
            <p><span>新窗口打开链接</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u2128" class="ax_default label">
        <div id="u2128_div" class=""></div>
        <div id="u2128_text" class="text ">
            <p><span></span></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u2129" class="ax_default" selectiongroup="cell-list-1" data-left="252" data-top="641" data-width="300" data-height="40">

    <!-- Unnamed (Rectangle) -->
    <div id="u2130" class="ax_default box_1 disabled">
        <img id="u2130_img" class="img " src="assets/images/单元格/u2117.svg"/>
        <div id="u2130_text" class="text ">
            <p><span>禁用</span></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u2131" class="ax_default" selectiongroup="cell-list-1" data-left="252" data-top="681" data-width="300" data-height="40">

    <!-- Unnamed (Rectangle) -->
    <div id="u2132" class="ax_default box_1 selected">
        <img id="u2132_img" class="img " src="assets/images/单元格/u2117_selected.svg"/>
        <div id="u2132_text" class="text ">
            <p><span>选中</span></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u2133" class="ax_default" selectiongroup="cell-list-1" data-left="252" data-top="721" data-width="300" data-height="40">

    <!-- Unnamed (Rectangle) -->
    <div id="u2134" class="ax_default box_1">
        <img id="u2134_img" class="img " src="assets/images/单元格/u2117.svg"/>
        <div id="u2134_text" class="text ">
            <p><span>显示徽标</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u2135" class="ax_default label">
        <div id="u2135_div" class=""></div>
        <div id="u2135_text" class="text ">
            <p><span></span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u2136" class="ax_default box_1">
        <div id="u2136_div" class=""></div>
        <div id="u2136_text" class="text ">
            <p><span>11</span></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u2137" class="ax_default" selectiongroup="cell-list-1" data-left="252" data-top="761" data-width="300" data-height="40">

    <!-- Unnamed (Rectangle) -->
    <div id="u2138" class="ax_default box_1">
        <img id="u2138_img" class="img " src="assets/images/单元格/u2138.svg"/>
        <div id="u2138_text" class="text ">
            <p><span>开关</span></p>
        </div>
    </div>

    <!-- Unnamed (Group) -->
    <div id="u2139" class="ax_default" data-left="491" data-top="770" data-width="44" data-height="22">

        <!-- Unnamed (Rectangle) -->
        <div id="u2140" class="ax_default box_1">
            <div id="u2140_div" class=""></div>
            <div id="u2140_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u2141" class="ax_default ellipse">
            <img id="u2141_img" class="img " src="assets/images/单元格/u2141.svg"/>
            <div id="u2141_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2142" class="ax_default box_2">
    <div id="u2142_div" class=""></div>
    <div id="u2142_text" class="text " style="display:none; visibility: hidden">
        <p></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2143" class="ax_default box_1">
    <div id="u2143_div" class=""></div>
    <div id="u2143_text" class="text " style="display:none; visibility: hidden">
        <p></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2144" class="ax_default label">
    <div id="u2144_div" class=""></div>
    <div id="u2144_text" class="text ">
        <p><span style="font-family:'Ionicons';font-weight:400;color:#62697C;"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';font-weight:650;">选项</span></p>
    </div>
</div>

<!-- Unnamed (Line) -->
<div id="u2145" class="ax_default line">
    <img id="u2145_img" class="img " src="assets/images/单元格/u2115.svg"/>
    <div id="u2145_text" class="text " style="display:none; visibility: hidden">
        <p></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2146" class="ax_default box_1">
    <img id="u2146_img" class="img " src="assets/images/单元格/u2117.svg"/>
    <div id="u2146_text" class="text ">
        <p><span>只显示标题</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2147" class="ax_default box_1">
    <img id="u2147_img" class="img " src="assets/images/单元格/u2119.svg"/>
    <div id="u2147_text" class="text ">
        <p style="font-size:14px;"><span style="color:#515A6E;">显示 label 内容</span></p><p style="font-size:12px;"><span style="color:#808695;">label 的内容</span></p>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u2148" class="ax_default" selectiongroup="cell-list-2" data-left="822" data-top="521" data-width="300" data-height="40">

    <!-- Unnamed (Rectangle) -->
    <div id="u2149" class="ax_default box_1">
        <img id="u2149_img" class="img " src="assets/images/单元格/u2117.svg"/>
        <div id="u2149_text" class="text ">
            <p><span>显示右侧内容</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u2150" class="ax_default label" selectiongroup="cell-list-1">
        <div id="u2150_div" class=""></div>
        <div id="u2150_text" class="text ">
            <p><span>详细信息</span></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u2151" class="ax_default" selectiongroup="cell-list-2" data-left="822" data-top="561" data-width="300" data-height="40">

    <!-- Unnamed (Rectangle) -->
    <div id="u2152" class="ax_default box_1">
        <img id="u2152_img" class="img " src="assets/images/单元格/u2117.svg"/>
        <div id="u2152_text" class="text ">
            <p><span>链接</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u2153" class="ax_default label">
        <div id="u2153_div" class=""></div>
        <div id="u2153_text" class="text ">
            <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">详细信息 </span><span style="font-family:'Ionicons';"></span></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u2154" class="ax_default" selectiongroup="cell-list-2" data-left="822" data-top="601" data-width="300" data-height="40">

    <!-- Unnamed (Rectangle) -->
    <div id="u2155" class="ax_default box_1">
        <img id="u2155_img" class="img " src="assets/images/单元格/u2117.svg"/>
        <div id="u2155_text" class="text ">
            <p><span>新窗口打开链接</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u2156" class="ax_default label">
        <div id="u2156_div" class=""></div>
        <div id="u2156_text" class="text ">
            <p><span></span></p>
        </div>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2157" class="ax_default box_1 disabled">
    <img id="u2157_img" class="img " src="assets/images/单元格/u2117.svg"/>
    <div id="u2157_text" class="text ">
        <p><span>禁用</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2158" class="ax_default box_1 selected">
    <img id="u2158_img" class="img " src="assets/images/单元格/u2117_selected.svg"/>
    <div id="u2158_text" class="text ">
        <p><span>选中</span></p>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u2159" class="ax_default" selectiongroup="cell-list-2" data-left="822" data-top="721" data-width="300" data-height="40">

    <!-- Unnamed (Rectangle) -->
    <div id="u2160" class="ax_default box_1">
        <img id="u2160_img" class="img " src="assets/images/单元格/u2117.svg"/>
        <div id="u2160_text" class="text ">
            <p><span>显示徽标</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u2161" class="ax_default label">
        <div id="u2161_div" class=""></div>
        <div id="u2161_text" class="text ">
            <p><span></span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u2162" class="ax_default box_1">
        <div id="u2162_div" class=""></div>
        <div id="u2162_text" class="text ">
            <p><span>11</span></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u2163" class="ax_default" selectiongroup="cell-list-2" data-left="822" data-top="761" data-width="300" data-height="40">

    <!-- Unnamed (Rectangle) -->
    <div id="u2164" class="ax_default box_1">
        <img id="u2164_img" class="img " src="assets/images/单元格/u2138.svg"/>
        <div id="u2164_text" class="text ">
            <p><span>开关</span></p>
        </div>
    </div>

    <!-- Unnamed (Group) -->
    <div id="u2165" class="ax_default" data-left="1061" data-top="770" data-width="44" data-height="22">

        <!-- Unnamed (Rectangle) -->
        <div id="u2166" class="ax_default box_1">
            <div id="u2166_div" class=""></div>
            <div id="u2166_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u2167" class="ax_default ellipse">
            <img id="u2167_img" class="img " src="assets/images/单元格/u2141.svg"/>
            <div id="u2167_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2168" class="ax_default label">
    <div id="u2168_div" class=""></div>
    <div id="u2168_text" class="text ">
        <p><span>&#149; 正确的示例</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2169" class="ax_default label">
    <div id="u2169_div" class=""></div>
    <div id="u2169_text" class="text ">
        <p><span>&#149; 错误的示例</span></p>
    </div>
</div>
</body>
</html>
